@charset "UTF-8";
/**
 * 
 * @authors supmain (mtingfeng@gmail.com)
 * @date    2014-08-12 11:48:54
 * @update  2014-08-12 11:48:54
 * @for webapp.html
 * @version $Id$
 */
/**********************产品服务************************/
.content {
    width:1000px;
    margin:0px auto;
    margin-bottom:30px;
    overflow:hidden;
    margin-top:30px;
}
.content .pro_ser_con {
    margin:0px auto;
    overflow:hidden;
    margin-bottom:10px;
}
.content .product_title h3 {
    font-size:18px;
    line-height:30px;
    color:#000;
    font-weight:normal;
    margin-bottom:10px;
}
.content .product_title a.more {
    float:right;
    color:#666;
    font-size:14px;
    line-height:30px;
}
.content .product_title a.more:hover {
    color:#08c;
    text-decoration:underline;
}
.content .product_con {
    width:998px;
    background-color:#fafafa;
    border:1px solid #e7e7e7;
    overflow:hidden;
    margin:0px auto;
}
.content .product_con ul {
    margin:0px auto;
    overflow:hidden;
}
.content .product_con ul li {
    float:left;
    overflow:hidden;
    width:249px;
    cursor:pointer;
        text-align:center;
}
.content .product_con ul li .box {
    height: 248px;
    width:100%;
    padding:30px 0 0px 0;
    color:#666;
}
.content .product_con ul li .intro{
    color: #fff;
    width:100%;
    height: 248px;
    padding:30px 0 0px 0;
}
.content .product_con ul li .intro h2{
    font-size:16px;
}
.content .product_con ul li .intro h3{
        display:block;
        width:200px;
        margin:41px auto;
        word-wrap: break-word;
        height:40px;
}
.content .product_con ul li .intro p.by{
    margin-bottom:15px;
    font-size:14px;
    text-indent:0;
    text-align:center;
}
.content .product_con ul li .intro p{
    text-align:left;
    text-indent:3.6em;
}
.content .product_con ul li p{
        line-height:20px;
        text-indent: 0em;
}
.content .product_con ul li .intro a.know_more{
    color: white;
    font-size: 14px;
    border: 1px solid white;
    border-radius: 3px;
    width: 138px;
    height: 34px;
    line-height: 36px;
    text-align: center;
    display: block;
    margin: 0px auto;
    margin-top:10px;    
}
.content .product_con ul li .intro a.know_more:hover{
    background:#fff;
    color:#333;
    text-decoration:none;
}
.content .product_con ul li.sw .intro{
    background:url(/images/user/saasbg.jpg) repeat-x;
}
.content .product_con ul li.qj .intro{
    background:url(/images/user/paasbg.jpg) repeat-x;
}
.content .product_con ul li.jc .intro{
    background:url(/images/user/iaasbg.jpg) repeat-x;
}
.content .product_con ul li.mh .intro{
    background:url(/images/user/portalbg.jpg) repeat-x;
}
.content .product_con ul li.cell_mid .box, .content .product_con ul li.cell_last .box {
    border-left: 1px dashed #EEE;
}
.content .product_con ul li.cell_last{
        width:251px;
}
.y-h2 {
    font-size: 16px;
    color:#333;
}
.content .product_con ul li .box p.text {
    font-size: 14px;
    padding-bottom: 15px;
        text-indent: 0;
}
.content .product_con ul li .box p.last {
    padding-top: 0;
    padding-bottom: 10px;
}
a.y-btn {
    padding: 0;
    margin: 0;
    height: 36px;
    line-height: 36px;
    width: 140px;
    border: none;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    background-color: #3eabee;
    color: white;
    outline: none;
    display: inline-block;
    font-size: 14px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
a.y-btn:hover {
    background-color: #50b3ef;
}
.content .product_con ul li span.icon {
    background:url(/images/user/bsty_icon.png) no-repeat;
    display:inline-block;
    width:64px;
    height:64px;
    margin-bottom:25px;
}
.content .product_con ul li span.email {
    background-position:1px 0px;
}
.content .product_con ul li span.jstx {
    background-position:-79px 0px;
}
.content .product_con ul li span.weibo {
    background-position:-166px 0px;
}
.content .product_con ul li span.txl {
    background-position:-253px 0px;
}
/**********************产品服务结束************************/
/*左侧开始*/
.main-l {
    width:200px;
}
.main-l .list {
    background-color:#fafafa;
    border:1px solid #e7e7e7;
    padding:5px 10px;
}
.main-l .list ul li {
    font-size:14px;
    font-weight:bold;
    color:#333;
    line-height:40px;
}
.main-l .list ul li a {
    border-bottom:1px solid #e7e7e7;
    text-decoration:none;
    display:block;
}
.main-l .list ul li a.last, .main-l .list ul li ul li.last a {
    border:0;
}
.main-l .list ul li ul li a {
    padding-left:10px;
    font-weight:normal;
}
.main-l .online-consultation {
    background-color:#fafafa;
    border:1px solid #e7e7e7;
    padding:5px 0px;
    font-size:14px;
    font-weight:bold;
    position:relative;
}
.main-l .online-consultation .lm-icon {
    background:url(/images/user/bsty_icon.png) -418px -400px no-repeat;
    position:absolute;
    left:0;
    top:0;
    width:31px;
    height:31px;
}
.main-l .online-consultation .online {
    border-bottom:1px solid #e7e7e7;
    padding:10px;
    line-height:30px;
    text-align:center;
}
.main-l .online-consultation .online .online-tel {
    border-bottom:1px solid #e7e7e7;
}
.main-l .online-consultation .online .online-tel span {
    font-size:20px;
    color:#ff6533;
    font-weight:normal;
}
.main-l .online-consultation .online .online-answer span {
    background-color:#00a2c9;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius:10px;
    height:24px;
    padding:1px 20px;
}
.main-l .online-consultation .online .online-answer span i.icon {
    background-position: -458px -400px;
    width:13px;
    height:13px;
    margin:0 3px 3px 0;
}
.main-l .online-consultation .online .online-answer span a, .main-l .online-consultation .online .online-answer span a:hover {
    color:#fff;
    text-decoration:none;
    font-weight:normal;
}
.main-l .online-consultation .feedback {
    border-top:1px solid #fff;
    padding:20px 10px 10px 10px;
}
.main-l .online-consultation .feedback span {
    text-align:center;
}
.main-l .online-consultation .feedback .text {
    width:175px;
    height:24px;
    line-height\0:24px;
    margin:5px 0;
    border:1px solid #e7e7e7;
    color:#999;
    text-indent:5px;
}
.main-l .online-consultation .feedback .button {
    background-color:#00a2c9;
    -webkit-border-radius:4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius:4px;
    width:100px;
    height:35px;
    margin-top:5px;
    text-align:center;
    text-decoration:none;
    line-height:35px;
    color:#fff;
    margin-left:40px;
    display:block;
}

.main-l .dimensional-code {
    background-color:#fafafa;
    border:1px solid #e7e7e7;
    padding:10px;
    font-size:14px;
    font-weight:bold;
    text-align:center;
}
.main-l .dimensional-code h2{ font-size:14px; text-align:center; line-height:30px; margin-bottom:10px;}
.main-l .dimensional-code div{ font-size:12px; margin-top:10px;}
/*左侧结束*/
/*右侧开始*/
.main-r {
    width:780px;
}
.main-r .main-r-search .search-text {
    background-color:#f7f7f7;
    border:1px solid #dcdcdc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .1) inset;
    width:232px;
    height:32px;
    line-height:32px;
    padding-left:10px;
    color:#999;
}
.main-r .main-r-search .search-text option{ line-height:30px;}
.main-r .main-r-search .w235 {
    background:url(/images/user/bsty_icon.png) left -400px no-repeat;
    width:235px;
    height:32px;
    line-height:32px;
    text-indent:10px;
    color:#999;
}
.main-r .main-r-search .label01 .btn {
    background:url(/images/user/bsty_icon.png) -537px -400px no-repeat;
    width:40px;
    height:32px;
}
.main-r .main-r-search .label02 .btn {
    background:url(/images/user/bsty_icon.png) -240px -400px no-repeat;
    width:40px;
    height:32px;
}
/*最新应用*/
.main-r .tubiao .lm-t, .main-r .standard-service .lm-t .headtitle {
    height:40px;
    line-height:40px;
    font-size:18px;
}
.main-r .tubiao .lm-t .more a:link,.main-r .tubiao .lm-t .more a:visited,.main-r .tubiao .lm-t .more a:active{ font-size:12px; color:#666;}
.main-r .tubiao .layout {
    width:350px;
    border:1px solid #e7e7e7;
    padding:15px;
        margin:0 4px 20px 4px;
    position:relative
}
.main-r .tubiao .layout .pic {
    width:75px;
}
.main-r .tubiao .layout dl {
    width:255px;
}
.main-r .tubiao .layout dl dt {
    font-size:14px;
    font-weight:bold;
}
.main-r .tubiao .layout dl dd {
    font-size:12px;
    color:#666;
}
.main-r .tubiao .layout .kt-btn a {
    background:url(/images/user/bsty_icon.png) -290px -400px no-repeat;
    width:67px;
    height:27px;
    line-height:27px;
    text-align:center;
    color:#fff;
    position:absolute;
    right:15px;
    top:15px;
    text-decoration:none;
}
/*最新应用结束*/
/*标准服务开始*/
.main-r .standard-service .lm-t {
    border-bottom:1px solid #e7e7e7;
}
.main-r .standard-service .box {
    padding:20px 0;
}
.main-r .standard-service .box .main-icon {
    border-bottom:1px dashed #dbdbdb;
}
.main-r .standard-service .box .main-icon ul li {
    float:left;
    width:75px;
    margin-right:36px;
}
.main-r .standard-service .box .main-icon ul li .img{ width:75px; height:75px; display:block;}
.main-r .standard-service .box .main-icon ul li.last {
    margin-right:0;
}
.main-r .standard-service .box .main-icon ul li a {
    width:75px;
    text-align:center;
    display:block;
}
.main-r .standard-service .box .main-icon ul li h2 {
    font-size:12px;
    line-height:24px;
    font-weight:normal;
    margin-top:4px;
}
.mfkt-btn a {
    background:url(/images/user/bsty_icon.png) -290px -400px no-repeat;
    width:67px;
    height:27px;
    line-height:27px;
    text-align:center;
    color:#fff;
    text-decoration:none;
    display:block;
}
.main-r .standard-service .box .child-icon ul li {
    float:left;
    width:70px;
    margin-right:60px;
}
.main-r .standard-service .box .child-icon ul li .img{ width:70px; height:70px; display:block;}
.main-r .standard-service .box .child-icon ul li.last {
    margin-right:0;
}
.main-r .standard-service .box .child-icon ul li a {
    width:70px;
    text-align:center;
    display:block;
}
.main-r .standard-service .box .child-icon ul li h2 {
    font-size:12px;
    line-height:24px;
    font-weight:normal;
    margin-top:4px;
}
.mfkt-btn a {
    background:url(/images/user/bsty_icon.png) -290px -400px no-repeat;
    width:67px;
    height:27px;
    line-height:27px;
    text-align:center;
    color:#fff;
    text-decoration:none;
    display:block;
}
/*标准服务结束*/

/*企业邮箱*/
.main-r .e-mail .lm-t {
    background-color:#f2f2f2;
    height:40px;
    line-height:40px;
    font-size:18px;
    text-indent:10px;
}
.main-r .e-mail .box {
    padding:0 20px;
}
.main-r .e-mail .box ul li {
    padding:20px 0;
    border-bottom:1px dashed #e7e7e7;
}
.main-r .e-mail .box ul li .pic {
    width:160px;
    height:120px;
}
.main-r .e-mail .box ul li .pic a {
    display:block;
    position:static !important;
    overflow:hidden;
    text-align:center;
    vertical-align:middle;
    display: table-cell;
    font-family:Arial;
    width:158px;
    height:118px;
    border:1px solid #e7e7e7;
*display: block;
*font-size: 118px;
    _font-family: sans-serif;
}
.main-r .e-mail .box ul li .pic img {
    vertical-align:middle;
}
.main-r .e-mail .box ul li .nr {
    width:560px;
    font-size:14px;
    line-height:24px;
}
.main-r .e-mail .box ul li .nr a {
    height:30px;
    line-height:30px;
    color:#fff;
    padding:5px 20px;
    margin-right:10px;
}
.main-r .e-mail .box ul li .nr a.blue {
    background:#3eabee;
}
.main-r .e-mail .box ul li .nr a.yellow {
    background:#fba848;
}
.main-r .e-mail .box ul li .nr a.green {
    background:#57be87;
}
/*企业邮箱结束*/
/*产品优势开始*/
.main-r .product-advantages {
    background-color:#fafafa;
    border:1px solid #e7e7e7;
}
.main-r .product-advantages .lm-t {
    height:40px;
    line-height:40px;
    border-bottom:1px solid #e7e7e7;
    text-indent:10px;
    font-size:18px;
}
.main-r .product-advantages .box {
    padding:20px;
}
.main-r .product-advantages .box dl {
    width:355px;
    margin-bottom:10px;
    display: inline;
}
.main-r .product-advantages .box dl dt {
    font-size:16px;
    line-height:36px;
}
.main-r .product-advantages .box dl dd {
    background-color:#fff;
    border:1px dashed #e7e7e7;
    font-size:14px;
    line-height:30px;
    color:#666;
    padding:10px;
        height:162px;
        text-indent: 2em;
}
/*产品优势结束*/

/*下载中心开始*/
.main-r .pend .lm-t, .main-r .pend02 .lm-t {
    background-color:#f2f2f2;
    height:40px;
    line-height:40px;
    text-indent:20px;
    font-size:18px;
}
.main-r .pend .yd {
    padding:20px;
    background:url(/images/user/bg.png) 50px 30px no-repeat;
}
.main-r .pend .yun {
    padding:20px;
    background:url(/images/user/bg.png) 50px -236px no-repeat;
}
.main-r .pend .box .nr {
    width:420px;
    font-size:14px;
    line-height:24px;
    margin:40px 0 40px 300px;
}
.main-r .pend .box .nr a, .main-r .pend02 .box ul li .desc a {
    line-height:40px;
}
.main-r .pend02 .box {
    padding:20px;
}
.main-r .pend02 .box ul li {
    float:left;
    width:300px;
    margin-left:50px;
}
.main-r .pend02 .box ul li .pic01 {
    background:url(/images/user/bg.png) 30px -567px;
    width:300px;
    height:180px;
    text-align:center;
}
.main-r .pend02 .box ul li .pic02 {
    background:url(/images/user/bg.png) 30px -926px;
    width:300px;
    height:180px;
    text-align:center;
}
.main-r .pend02 .box ul li .desc {
    margin-top:20px;
    font-size:14px;
    line-height:24px;
    text-align:center;
}
/*下载中心结束*/

/*右侧结束*/
.listImg {
    margin-top:30px;
}
.listImg a {
    display: inline-block;
    margin-right:15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    width:93px;
    height:30px;
    line-height:30px;
    color:#fff;
    font-size:14px;
    font-weight:bold;
    text-decoration:none;
    text-indent: 0;
}
.listImg a i.icon {
    background:url(/images/user/bsty_icon.png) no-repeat;
    display:inline-block;
    vertical-align:middle;
    width:20px;
    height:24px;
    margin-left:7px;
}
.listImg a i.mox_1 {
    background-position:0px -86px;
}
.listImg a i.mox_2 {
    background-position:-39px -86px;
}
.listImg a i.mox_3 {
    background-position:-79px -86px;
}
.listImg a i.mox_4 {
    background-position:-126px -86px;
    margin-right:6px;
}
.listImg a i.mox_5 {
    background-position:-177px -86px;
    margin-right:6px;
}
.listImg a i.mox_6 {
    background-position:-225px -85px;
    margin-right:6px;
}
.listImg a.blue {
    background:#3eabee;
}
.listImg a.yellow {
    background:#fba848;
}
.listImg a.green {
    background:#57be87;
}